<ion-app>
  <ion-header>
    <ion-toolbar>
      <ion-buttons slot="start">
        <ion-back-button defaultHref="/home" text="Back" color="primary"></ion-back-button>
      </ion-buttons>
      <ion-title>OCR</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content class="ion-padding">
    <ion-grid>

      <ion-row>
        <ion-col>
 
        <input type="file" (change)="onChange($event)">
   
        </ion-col>

      </ion-row>
      <ion-row>
        <ion-col>
        <img [src]="imgSrc" *ngIf="imgSrc">
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
          <ion-label>Text:</ion-label>
          <div>{{ extractedText }}</div>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
        <ion-button (click)="extractText()">image to Text</ion-button >
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-content>

</ion-app>
